<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>account</title>

    <link rel="stylesheet" href="./bootstrap/dist/css/bootstrap.min.css">

    <script src="./jquery/dist/jquery.min.js"></script>

    <script src="./bootstrap/dist/js/bootstrap.min.js"></script>


    <script src="./vue/dist/vue.min.js"></script>
    <script src="./moment/moment.js"></script>
    <script src="./moment/locale/zh-cn.js"></script>

    <style>
        body {
            background-image: url("14539.jpg");
        }
    </style>

</head>

<body>

    <div class="container" id="accountApp">

        <div class="card" style="margin:10px;">
            <!-- <img class="card-img-top" src="navi.jpeg" style="height:100px;" alt=""> -->
            <div class="card-body">
                <h4 class="card-title">system</h4>
                <p class="card-text">file upload, download</p>

                <a href="#" onclick="window.open('ezIndexHome')" target="_blank" class="card-link">我的笔记</a>
                <a href="#" onclick="window.open('sysNoteHome')" target="_blank" class="card-link">sys note</a>
                <a href="#" onclick="window.open('uploadHome')" target="_blank" class="card-link">file</a>
                <a href="#" onclick="window.open('apiHome')" target="_blank" class="card-link">api test</a>
            </div>
        </div>
        <div class="card" style="margin:10px;">
            <!-- <img class="card-img-top" src="navi.jpeg" style="height:100px;" alt=""> -->
            <div class="card-body">
                <h4 class="card-title">fo</h4>
                <p class="card-text">books</p>

                <a href="#" onclick="window.open('amtfHome')" target="_blank" class="card-link">amtj</a>
            </div>
        </div>
        <div class="card" style="margin:10px;">
            <!-- <img class="card-img-top" src="navi.jpeg" style="height:100px;" alt=""> -->
            <div class="card-body">
                <h4 class="card-title">others</h4>
                <p class="card-text">app info</p>

                <a href="#" onclick="window.open('accountHome')" target="_blank" class="card-link">account</a>
                <a href="#" onclick="window.open('walleHome')" target="_blank" class="card-link">card</a>
                <a href="#" onclick="window.open('timeCardHome')" target="_blank" class="card-link">timeCard</a>
            </div>
        </div>
        <div class="card" style="margin:10px;">
            <!-- <img class="card-img-top" src="navi.jpeg" style="height:100px;" alt=""> -->
            <div class="card-body">
                <h4 class="card-title">“小画笔”绘画课外班</h4>
                <p class="card-text">“小画笔”是一家面向2-10岁小朋友的绘画培训机构。乐乐老师是这个培训机构的主管。她毕业于北京师范学院，有一些认识的同学和老师愿意在业余时间授课来获得一定收入。</p>

                <a href="#" onclick="window.open('courseHome')" target="_blank" class="card-link">课程</a>
                <a href="#" onclick="window.open('teacherHome')" target="_blank" class="card-link">任课老师</a>
                <a href="#" onclick="window.open('enrollmentHome')" target="_blank" class="card-link">报名</a>
            </div>
        </div>



    </div>


    <div class="jumbotron">
        <p class="lead">

南无大悲观世音愿我速知一切法
南无大悲观世音愿我早得智慧眼

南无大悲观世音愿我速度一切众
南无大悲观世音愿我早得善方便

南无大悲观世音愿我速乘般若船
南无大悲观世音愿我早得越苦海

南无大悲观世音愿我速得戒定道
南无大悲观世音愿我早登涅盘山

南无大悲观世音愿我速会无为舍
南无大悲观世音愿我早同法性身
我若向刀山刀山自摧折
我若向火汤火汤自枯竭
我若向地狱地狱自消灭
我若向饿鬼饿鬼自饱满
我若向修罗恶心自调伏
我若向畜生自得大智慧


南无喝啰怛那哆啰夜耶
南无阿唎耶
婆卢羯帝烁钵啰耶
菩提萨埵婆耶
摩诃萨埵婆耶
摩诃迦卢尼迦耶
唵萨皤啰罚曳数怛那怛写
南无悉吉栗埵伊蒙阿唎耶
婆卢吉帝室佛啰愣驮婆
南无那啰谨墀
醯利摩诃皤哆沙咩
萨婆阿他豆输朋阿逝孕
萨婆萨多那摩婆萨多
那摩婆伽摩罚特豆怛侄他
唵阿婆卢醯卢迦帝迦罗帝夷醯唎
摩诃菩提萨埵
萨婆萨婆摩啰摩啰
摩醯摩醯唎驮孕
俱卢俱卢羯蒙
度卢度卢罚阇耶帝
摩诃罚阇耶帝
陀啰陀啰地唎尼室佛啰耶
遮啰遮啰摩么罚摩啰穆帝隶
伊醯伊醯室那室那
阿啰参佛啰舍利
罚沙罚参佛啰舍耶
呼嚧呼嚧摩啰呼嚧呼嚧醯利
娑啰娑啰悉唎悉唎
苏嚧苏嚧菩提夜菩提夜
菩驮夜菩驮夜弥帝唎夜
那啰谨墀地利瑟尼那
波夜摩那娑婆诃
悉陀夜娑婆诃
摩诃悉陀夜娑婆诃
悉陀喻艺室皤啰耶娑婆诃
那啰谨墀娑婆诃
摩啰那啰娑婆诃
悉啰僧阿穆佉耶娑婆诃
娑婆摩诃阿悉陀夜娑婆诃
者吉啰阿悉陀夜娑婆诃
波陀摩羯悉陀夜娑婆诃
那啰谨墀皤伽啰耶娑婆诃
摩婆利胜羯啰夜娑婆诃
南无喝啰怛那哆啰夜耶南无阿唎耶
婆嚧吉帝烁皤啰夜娑婆诃
唵悉殿都漫多啰跋陀耶娑婆诃
        </p>
        <hr class="my-2">
        
    </div>

</body>

</html>


<script>


    var vm = new Vue({
        el: '#accountApp',
        data: {

            tip: 'ok',
            display: 'main',
            total: 0,
            page: 1,

            //search form
            accountSearchForm: {
                cateId: '',
                sname: '',
            },

            dataList: [

                {
                    cdate: '2019-02-12',
                    userPin: '200800',
                    note: '美容化妆品一套',
                    money: 860,
                    accountDate: '2019-02-10'

                },


            ],

            //data form
            accountForm: {

            },

            deleteId: '',



        },

        computed: {

            pages() {
                return Math.ceil(this.total / 10);
            }
        },

        filters: {

            fmtDate(date) {
                return date + moment(date).format('dddd');
            }
        },


        methods: {


            //新增 article modal
            fnAccountModal() {
                // $('#accountModal').modal('show');
                this.accountForm = {
                    // accountDate: new Date()
                };
                this.display = 'detail';
            },

            fnBack2Main() {
                // $('#accountModal').modal('show');
                this.display = 'main';
            },

            //新增
            fnClear() {

            },


            // to edit modal
            fnShowEditModal(item) {

                var _self = this;
                $.ajax({
                    // crossDomain: true,
                    type: "get",
                    url: "../accounts/" + item.sid,
                    // data: "data",
                    dataType: "json",
                    success: function (response) {
                        // console.log(response);
                        if (response.code == 0) {

                            console.log(response);
                            _self.accountForm = response.dat;
                            _self.display = 'detail';
                        }

                    }
                });
            },

            //修改 item
            fnSave() {


                var _self = this;

                var postUrl = './accounts';
                $.ajax({
                    // crossDomain: true,
                    type: "post",
                    url: postUrl,
                    data: JSON.stringify(_self.accountForm),
                    dataType: "json",
                    contentType: 'application/json',
                    success: function (response) {


                        console.log(response);
                        if (response.code == 0) {

                            _self.accountForm = response.dat;
                            _self.queryAccountList();
                            _self.fnBack2Main();
                        }

                    }
                });
            },


            fnShowDeleteModal(item) {

                this.deleteId = item.sid;
                $('#deleteModal').modal('show');
            },


            fnDelete() {

                var _self = this;
                $.ajax({
                    // crossDomain: true,
                    type: "post",
                    url: "../accounts/" + _self.deleteId,

                    dataType: "json",
                    success: function (response) {
                        // console.log(response);
                        if (response.code == 0) {

                            _self.queryAccountList();
                            $('#deleteModal').modal('hide');
                        }

                    }
                });


            },



            // 查询 cate
            queryAccountList() {

                var _self = this;
                $.ajax({
                    // crossDomain: true,
                    type: "get",
                    url: "../accounts?sort=accountDate,desc&sort=udate,desc",
                    // data: "data",
                    dataType: "json",
                    success: function (response) {
                        // console.log(response);
                        if (response.code == 0) {

                            console.log(response);
                            _self.dataList = response.dat.content;
                        }

                    }
                });
            },



        },
        mounted() {

//            this.queryAccountList();
        }
    })


</script>